@font-face {
    font-family: "AnuratiOut";
    src: url('../_fnts/AnuratiProOutline.otf');
}
@font-face {
    font-family: "AnuratiReg";
    src: url('../_fnts/AnuratiProRegular.otf');
}
/*
#366970
#488e9a
#f6dc98
#cd9d37
#ffffff
*/

a:visited {
  text-decoration: none;
  color: inherit;
}
a:href{
    text-decoration: none;
    color:inherit;
}
a:link{
    text-decoration: underline;
    color:inherit;
}
body{
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #366970;
    color:#f6dc98;
    margin:0;
    overflow: hidden;
    width:100dvw;
    height:100dvh;
    min-width:100dvw;
    min-height:100dvh;
    max-width:100dvw;
    max-height:100dvh;
    font-family: "Source Sans Pro";
}
.topnav {
    position:relative;
    top:0;
    left:0dvw;
    min-height:4dvh;
    height:4dvh;
    max-height:4dvh;
    width:100dvw;
    overflow: hidden;
    text-align: center;
    padding-top:0.6dvh;
    margin: auto;
    align-content: center;
    align-items: center;
    justify-items: center;
}
.topnav a {
    float:left;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 1.8dvmin;
    overflow: hidden;
    cursor:pointer;
    padding-bottom: 0.6dvh;
    padding-right: 1dvw;
    padding-left: 1dvw;
    font-weight:bold;
    background: linear-gradient(to right, #cd9d37, #cd9d37 50%, #f6dc98 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 600ms ease;
}
.dropdown {
    font-size: 1.8dvmin;
    font-weight:bold;
    height:20dvh;
    float: left;
    overflow: hidden;
}
.dropdown .dropbtn {
    font-size: 1.8dvmin;
    font-weight:bold;
    border: none;
    outline: none;
    cursor:pointer;
    background: linear-gradient(to right, #cd9d37, #cd9d37 50%, #f6dc98 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 0.6dvh;
    padding-right: 1dvw;
    padding-left: 1dvw;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 600ms ease;
    background-color: inherit;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent;;
    min-width: 20vmin;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    float: none;
    background: linear-gradient(to right, #cd9d37, #cd9d37 50%, #f6dc98 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 600ms ease;
    padding: 1vmin 2vmin;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: inherit;
}
.topnav a:hover, .dropdown:hover .dropbtn{
    background-position: 0 100%;
}
.topnav a.active {
    background-position: 0%;
}
.topnav .icon {
    display: none;
}
.dropdown-content a:hover {
  background-color: #FFC145;
  color: black;
}
.dropdown:hover .dropdown-content {
  display: block;
  height:auto;
}
.mainlogo{
    position:absolute;
    top:2dvh;
    left:2dvmin;
    max-width:8dvw;
    height:auto;
}
.header {
    position:relative;
    top:0dvh;
    margin:0;
    width:100dvw;
    max-width:100dvw;
    height:16dvh;
    max-height:16dvh;
}
.container {
    position:relative;
    top:0dvh;
    margin:0;
    width:100dvw;
    max-width:100dvw;
    max-height:72dvh;
    min-height:72dvh;
    height:72dvh;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}
.footer {
    height:8dvh;
    max-height:8dvh;
    width:100dvw;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    position:relative;
    top:0dvh;
    margin-top:2px;
    margin-bottom:2px;

}
.footer i{
    padding-right:10px;
    font-size: 2em;
    color: #f6dc98;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .topnav a, .dropdown .dropbtn{
        font-size:4dvmin;
    }
    .topnav a, .topnav .dropbtn{display: none;}
    .topnav a.icon {
        position: absolute;
        right: 2dvw;
        top: 2dvw;
        display: block;
    }
    .topnav{
        left:inherit;
        right:0;
        display: block;
        position:absolute;
        width:8dvw;
        z-index:200;
    }
    .topnav a.active::before {
        transform: scaleX(0);
    }
    .topnav a.active:not(.icon)::before {
        width:30%;
        left:4%;
        transform: scaleX(1);
    }
    .topnav a:not(.icon):hover::before {
      transform: scaleX(0);
    }
    .topnav.responsive {
        position:absolute;
        width:fit-content;
        max-width:80dvw;
        height:auto;
        max-height:100dvh;
        right:0;
        z-index:200;
        background-color: #488e9a;
    }
    .topnav.responsive a:not(.icon), .topnav.responsive .dropbtn, .topnav.responsive .dropdown-content  {
        padding-top:2dvw;
        padding-left:2dvw;
        padding-right: 10dvw;
        font-size:4dvmin;
        float: none;
        text-align:left;
        display:block;
        color:red;
    }
    .topnav.responsive .dropdown-content {
        padding-top:1.4dvw;
        padding-left:4dvw;
        padding-right: 10dvw;
        font-size:4dvmin;
        box-shadow: none;
        float: none;
        text-align:left;
        display:block;
        color:red;
    }
    .topnav.responsive .icon {
        position: absolute;
        margin-right:2dvw;
        margin-top:2dvw;
    }

    .container {
        position:relative;
        top:0dvh;
        margin:0;
        width:100dvw;
        max-width:100dvw;
        max-height:76dvh;
        min-height:76dvh;
        height:76dvh;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none;
    }
    h1{
        font-size:6dvw;
    }
}